/* 初始化区域滚动组件 */
mui('.mui-scroll-wrapper').scroll({
    indicators:false
})
$(function(){
	/* 1. 页面加载初始数据 */
	// 1.1  获取页面的productId 
	var productId = lt.getUrlParams().productId
	var render = function () {
		// 1.2 请求获取数据
		getProductDetails({
			id: productId,
		}, function(res) {
			// console.log(res)
			// 1.3 动态模板渲染
			$('.mui-scroll').html(template('productDetails', res))
			// 1.4 初始化轮播图
			mui('.mui-slider').slider({
			    interval:4000
			})
			// 1.5 数量选择初始化
            mui('.mui-numbox').numbox();
		})
	}
	render()
	/* 2. 重新加载*/
    $('.mui-icon-reload').on('tap',function(){
        $('.mui-scroll').html('<div class="loading"><span class="mui-icon mui-icon-spinner"></span></div>')
        render()
    })

    /* 3. 尺码选择*/
    $('.mui-scroll').on('tap','.size',function(){
        $(this).addClass('now').siblings().removeClass('now')
    })
    
    /*4. 去购物车 */
    /* 加入购物车
    (1.) 需要获取  数据（商品id 尺码 数量） 校验数据
    (2.) 通过接口发送给后台 ajax
    (3.) 成功  提示用户  添加成功  弹出一个对话框  去购物车查看
    (4.) 失败  提示用户  添加失败
    (5.) 防止二次提交*/
   $('.mui-btn-danger').on('tap', function() {
   	// 4.4 防止重复提交
   	if (window.addCarting) {
   		return
   	}
   	// 4.1 去购物车必须要传递三个参数 productId num size
   	var params = {
   		productId: productId,
   		size: $('.size.now').html(),
   		num: $('.mui-input-numbox').val()
   	}
   	// 4.2 验证信息是否全
   	if (!params.productId) {
   		mui.toast('商品id异常')
   		return
   	}
   	if (!params.size) {
   		mui.toast('请选择尺码')
   		return
   	}
   	if (!params.num) {
   		mui.toast('请选择商品数量')
   		return
   	}
   	
   	// 4.3 发送ajax请求
   	lt.ajaxFilter({
   		type:"post",
		url:"/cart/addCart",
		async:true,
		data: params,
		dataType: 'json',
		beforeSend: function () {
			window.addCarting = true
		},
		success: function (res) {
			// console.log(res) // {error: 400, message: "未登录！"}
			if(res.success) { // 成功
				mui.confirm('加入购物车成功，去购物车看看？', '温馨提示', ['去看看','继续浏览'], function(e) {
                    if (e.index == 0) {
                        /*按了第一个按钮*/
                        location.href = 'user/cart.html?returnUrl=' + location.href
                    } else {
                        /*按了其他按钮 暂时处理*/
                    }
                })
				
			} else { // 失败
				mui.toast('添加失败，请重试！')
			}
			window.addCarting = false
		},
		error: function() {
			mui.toast('网络繁忙！')
			window.addCarting = false
		}
   	})
   })
})

function getProductDetails (params, cb) {
	$.ajax({
		type:"get",
		url:"/product/queryProductDetail",
		async:true,
		data: params,
		dataType: 'json',
		success: function (res) {
			setTimeout(function(){
                cb && cb(res)
            },500)
		}
	})
}
